@import "./theme/base-import.less";

@spanColor: #b6cfeb;
.top-nav {
  color: #fff;
  .van-nav-bar {
    background: @globalNavBarColor;
    border-bottom: 1px solid transparent;
    .nav-title {
      color: #fff;
      font-size: 16px;
    }
  }
  .pannel {
    height: 100%;
    background-color: @topNavBgColor;
    padding: 16px 1.5rem 0;
    box-sizing: border-box;
    .type_price {
      .wishPrice {
        padding: 20px 0;
        font-size: 14px;
        font-weight: bolder;
      }
    }

    .type_run {
      padding: 20px 0;
      font-size: 14px;
      overflow: hidden;
      .wishRun {
        font-weight: bolder;
      }
      .allType {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        span {
          border: 2px solid @spanColor;
          padding: 4px 0.48rem;
          position: relative;
          margin: 2px 0;
        }
        .active {
          border: 2px solid @activeElementColor;
          &::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            right: 0;
            bottom: 0;
            border-top: 6px solid transparent;
            border-bottom: 6px solid @activeElementColor;
            border-left: 6px solid transparent;
            border-right: 6px solid @activeElementColor;
          }
        }
      }
    }

    .type_Date {
      font-size: 14px;
      .dateTitle {
        font-weight: bolder;
      }
      .datechoice {
        padding-top: 15px;
        display: flex;
        justify-content: space-between;
        span {
          border: 2px solid @spanColor;
          padding: 4px 0.48rem;
          border-radius: 4px;
        }
        .activeSpan {
          background: #039be5;
        }
      }
    }
    .filter_btn {
      display: flex;
      justify-content: center;
      overflow: hidden;
      button {
        margin-top: 30px;
        outline: none;
        border: none;
        font-size: 14px;
        padding: 6px 50px;
        border-radius: 6px;
        background-color: @activeElementColor;
      }
    }
  }
}
.filter {
  font-size: 24px;
}